@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  font-family:"微软雅黑";
  line-height: 20px;
  color: #333333;
  background-color: #fff;
}








/*css reset*/
*{
  margin: 0;
  padding: 0; }
html,body{height: 100%;width: 100%;}
body {
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

fieldset,
img {
  border: 0; }

li {
  list-style: none; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0; }

button {
  -webkit-appearance: none;
  border: 0;
  background: none; }

a {
  -webkit-touch-callout: none;
  text-decoration: none; }

:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

em, i {
  font-style: normal; }
* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*:before, *:after { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
@media screen and (max-width: 319px) {
  html {
    font-size: 10px; } }
@media screen and (min-width: 320px) and (max-width: 359px) {
  html {
    font-size: 10px; } }
@media screen and (min-width: 360px) and (max-width: 374px) {
  html {
    font-size: 11.25px; } }
@media screen and (min-width: 375px) and (max-width: 383px) {
  html {
    font-size: 11.71875px; } }
@media screen and (min-width: 384px) and (max-width: 399px) {
  html {
    font-size: 12px; } }
@media screen and (min-width: 400px) and (max-width: 413px) {
  html {
    font-size: 12.5px; } }
@media screen and (min-width: 414px) and (max-width: 479px) {
  html {
    font-size: 12.9375px; } }
@media screen and (min-width: 480px) and (max-width: 566px) {
  html {
    font-size: 15px; } }
@media screen and (min-width: 567px) and (max-width: 639px) {
  html {
    font-size: 17.71875px; } }
@media screen and (min-width: 640px) {
  html {
    font-size: 20px; } }
/*主体内容*/
.kk{width: 100%; margin:0 auto; position:relative;}
.kk .Android{width: 13.4%;height: auto;max-width: 100%; position:absolute; left:22%; top:25%; float:left;}
.kk .Android img{width: 100%; height: auto;max-width:100%; display: block;}

.kk .IOS{width: 41.2%;height: auto;max-width: 100%; position:absolute; right:22%; top:25%; float:right;}
.kk .IOS img{width: 100%; height: auto;max-width: 100%; display: block;}


.Pic{width: 100%;height: auto;max-width: 100%; margin:0 auto;} 
img, object {width: 100%; height: auto;max-width: 100%; display: block; } 

/*微信提示*/
.wechart-tip-mask{
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.tip-arrow{
	width: 4.55rem;
	height: 4.55rem;
	margin: 1.3rem 2.6rem 0 0;
	float: right;
	background-image: url(../img/tip-arrow.png);
	background-size: cover;
	background-repeat: no-repeat;

}
.tip-infos-wrap{
	text-align: center;
	color: #fff;
	margin-top: 6.45rem;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
.tip-infos-wrap a{
	display: block;
	width: 35%;
	max-width: 11.2rem;
	margin: 0 auto;
	margin-top: 2.7rem;
}
.tip-infos-wrap a img{width: 100%;}